*{
  padding:0;
  margin:0;
}

@font-face{
  font-family:catenglish;
  font-family:catchinese;
  src:url("../font/catenglish.ttf");
  src:url("../font/catchinese.TTF");
}

body
{
background:url("../img/background.png");
background-position:center;
font-family:catchinese;
background-color: blue;
}

.box{
  text-align:center;
  float:left;
  margin-left:25%;
  margin-top:50%;
  width:50%;
  height:600px;
  content:"";
  display:table;
  border-right:1px solid rgba(255,255,255,0.5);
  border-left:1px solid rgba(255,255,255,0.5);
  border-top:1px solid rgba(255,255,255,0.2);
  border-bottom:1px solid rgba(255,255,255,0.2);
  border-radius:25px;
  backdrop-filter: blur(50px);
  box-shadow:200px;
  opacity:0.8;
  color:Pink;
 
}
.box h1{
  margin-top:15%;
  font-size:80px;
  margin-bottom:5%;
  text-align: center;
 
}
.box-input{
  margin-top:20px;
  font-size:30px;
}

.box-input label{
  margin-right:20px;
}

.box-input input{
  font-size:30px;
  border-radius:10px;
  width: 250px;
}

.box-nopsd{
  margin-top:20px;
  font-size:30px;
}

.box-btn{
  margin-left:10%;
  color:Pink;
}
.box-btn button{
  margin-top:20px;
  border-radius:8px;
  width:120px;
  height:50px;
  margin-right:85px;
  float: right;
}
.box-btn-reg button{
  margin-top:20px;
  border-radius:8px;
  width:120px;
  height:50px;
  text-align: center;
}
.box-btn input{
  margin-top:20px;
  border-radius:8px;
  width:120px;
  height:50px;
  float: left;
margin-left: 55px;
}